<template>
  <el-table
      :data="tableData"
      :header-cell-style="{'text-align':'center'}"
      style="width: 100%"
      class="table_view"
      :cell-style="{borderColor: 'red'}"
  >
    <el-table-column
        prop="ptp"
        label="端口"
        width="150">
    </el-table-column>

    <el-table-column
        label="板卡CPU利用率">
      <el-table-column
          prop="cpu.value"
          label="值（单位：比率）">
      </el-table-column>
      <el-table-column
          prop="cpu.time"
          label="时间">
      </el-table-column>
    </el-table-column>
    <el-table-column
        label="板卡内存利用率">
      <el-table-column
          prop="eq.value"
          label="值（单位：比率）">
      </el-table-column>
      <el-table-column
          prop="eq.time"
          label="时间">
      </el-table-column>
    </el-table-column>




  </el-table>
</template>

<script>
export default {
  name: "Others",
  data(){
    return{
      tableData:[
        {
          ptp:'端口1',
          cpu: {
            value:0.35,
            time:'2022-6-22',
          },
          eq:{
            value: 0.99,
            time:'2022-6-28'
          }

        },
        {
          ptp:'端口2',
          cpu: {
            value:0.365,
            time:'2022-6-22',
          },
          eq:{
            value: 0.97,
            time:'2022-6-25'
          }

        },
        {
          ptp:'端口3',
          cpu: {
            value:0.65,
            time:'2022-6-22',
          },
          eq:{
            value: 0.79,
            time:'2022-6-28'
          }

        },
        {
          ptp: '端口4',
          cpu: {
            value: 0.35,
            time: '2022-6-22',
          },
          eq: {
            value: 0.99,
            time: '2022-6-28'
          },
        },
        {
          ptp:'端口5',
          cpu: {
            value:0.895,
            time:'2022-6-26',
          },
          eq:{
            value: 0.59,
            time:'2022-6-28'
          }

        },
        {
          ptp:'端口6',
          cpu: {
            value:0.361,
            time:'2022-5-24',
          },
          eq:{
            value: 1.11,
            time:'2022-6-23'
          }

        },


      ]
    }
  }
}
</script>

<style>
.table_view  thead.is-group th.el-table__cell {
  background: #e7e7e7 !important;
  color: #000000;
  padding: 0px;
  border: 1px solid red;
}
</style>